.course_detail .banner .swiper-container {
  height: 5rem;
}
.course_detail .banner .swiper-container img {
  height: 100%;
}
.course_detail .banner .swiper-container .swiper-pagination-bullet-active {
  background: #fff !important;
}
.course_detail .banner .swiper-container .swiper-pagination-bullet {
  border: 1px solid #fff !important;
}
.course_detail .banner .course_introduction {
  padding: 0.25rem 0.2rem;
}
.course_detail .banner .course_introduction h4 {
  font-weight: bold;
  font-size: 0.26rem;
  color: #333;
}
.course_detail .course_type {
  padding: 0rem 0.2rem 0.4rem;
  border-bottom: 0.11rem solid #F0F0F0;
}
.course_detail .course_type .type_list li {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  margin-bottom: 0.15rem;
}
.course_detail .course_type .type_list li .left {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  margin-right: 0.35rem;
}
.course_detail .course_type .type_list li .left img {
  width: 0.36rem;
  height: 0.36rem;
  display: block;
  margin-right: 0.1rem;
}
.course_detail .course_type .type_list li .left span {
  color: #666666;
  font-size: 0.24rem;
}
.course_detail .course_type .type_list li p {
  font-size: 0.24rem;
  color: #333;
  flex: 1;
  -webkit-flex: 1;
}
.course_detail .course_type .type_list li em {
  font-size: 0.24rem;
  color: #8f000b;
  flex: 1;
  -webkit-flex: 1;
}
.course_detail .course_type .chart {
  width: 100%;
  height: 5.13rem;
}
.course_detail .detail_top {
  position: static;
}
.course_detail .detail_top ul {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.course_detail .detail_top ul li {
  margin: 0 !important;
}
.course_detail .course_box {
  padding-bottom: 0.95rem;
  min-height: 1rem;
}
.course_detail .course_box .course_content:nth-child(even) {
  background: #F4F4F4;
}
.course_detail .course_box .course_content:nth-child(even) .about_title {
  padding: 0.3rem 0;
  margin: 0;
}
.course_detail .course_box .course_content {
  padding: 0 0.2rem;
  overflow-x: hidden;
}
.course_detail .course_box .course_content .brief_list li {
  padding-bottom: 0.34rem;
}
.course_detail .course_box .course_content .brief_list li h5 {
  font-size: 0.3rem;
  color: #8f000b;
  padding-bottom: 0.2rem;
  font-weight: bold;
}
.course_detail .course_box .course_content .brief_list li h6 {
  font-size: 0.4rem;
  color: #333;
  padding-bottom: 0.1rem;
  font-weight: bold;
}
.course_detail .course_box .course_content .brief_list li p {
  font-size: 0.28rem;
  color: #333333;
  margin-bottom: 0.1rem;
}
.course_detail .course_box .course_content .brief_list li img {
  width: 100%;
  display: block;
}
.course_detail .course_box .course_content .schedule_list {
  padding-bottom: 0.3rem;
}
.course_detail .course_box .course_content .schedule_list li {
  padding-top: 0.3rem;
}
.course_detail .course_box .course_content .schedule_list li h3 {
  font-size: 0.26rem;
  color: #000;
  font-weight: bold;
  margin-bottom: 0.3rem;
}
.course_detail .course_box .course_content .schedule_list li .schedule_time {
  padding-left: 0.25rem;
  margin-bottom: 0.3rem;
}
.course_detail .course_box .course_content .schedule_list li .schedule_time h5 {
  color: #8f000b;
  font-size: 0.24rem;
  margin-bottom: 0.22rem;
  font-weight: bold;
}
.course_detail .course_box .course_content .schedule_list li .schedule_time .time_list {
  padding-left: 0.22rem;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  margin-bottom: 0.17rem;
}
.course_detail .course_box .course_content .schedule_list li .schedule_time .time_list img {
  width: 0.36rem;
  display: block;
  margin-right: 0.3rem;
}
.course_detail .course_box .course_content .schedule_list li .schedule_time .time_list p {
  font-size: 0.28rem;
  color: #333;
}
.course_detail .share_box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  height: 0.92rem;
}
.course_detail .share_box img {
  width: 2.52rem;
  height: 0.92rem;
}
.course_detail .share_box a {
  display: flex;
  width: 4.98rem;
  flex: 1;
  -webkit-flex: 1;
}
.course_detail .share_box a button {
  display: block;
  width: 100%;
  line-height: 0.92rem;
  color: #fff;
  font-size: 0.26rem;
  text-align: center;
  background: #8f000b;
}
